<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>蒋文强_个人网站</title>
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./css/bootstrap.css">
</head>

<body id="demo">
    
        <header id="header">
            <nav class="navbar navbar-default navbar-fixed-top">
                <div class="container" id="header-content">
                    <div class="pull-left">
                        <a href="#" id="title">个人简历</a>
                    </div>
                    <div class="pull-right" id="h_r">
                        <div id="h_nav_active"></div>
                        <ul class="nav navbar-nav navbar-right" id="header-nav">
                            <li>
                                <a href="#" class="pull-left">
                                    <span class="pull-left nav_active">首页</span>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="pull-left">
                                    <span class="pull-left">关于我</span>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="pull-left">
                                    <span class="pull-left">我的经历</span>
                                    
                                </a>
                            </li>
                            <li>
                                <a href="#" class="pull-left">
                                    <span class="pull-left">我的技能</span>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="pull-left">
                                    <span class="pull-left">我的作品</span>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="pull-left">
                                    <span class="pull-left">联系我</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </nav>
        </header>
        <aside id="aside">
            <ul>
                <li title="主页">
                    <a href="#" class="active"></a>
                </li>
                <li title="关于我">
                    <a href="#"></a>
                </li>
                <li title="我的经历">
                    <a href="#"></a>
                </li>
                <li title="我的技能">
                    <a href="#"></a>
                </li>
                <li title="我的作品">
                    <a href="#"></a>
                </li>
                <li title="联系我">
                    <a href="#"></a>
                </li>
            </ul>
        </aside>
        <main id="main">
            <section id="home" class="page">
                <div class="container pa_top">
                    <div class="row">
                        <div class="col-md-12 text-center
                        " id="home_content">
                            <div id="home_head">
                                <div id="home_head_content">
                                    <img src="images/gou.jpg" width="160" height="160" class="img-circle">
                                </div>
                            </div>
                            <div id="home_info" class="text-center">
                                <div id="home-title">
                                    <strong class="home-title">
                                        明天你好！
                                    </strong>
                                </div>
                                <div id="home_info_box" class="text-center">
                                    <br>
                                    <p class="home_name">
                                        姓名： 蒋文强
                                    </p>
                                    <p class="home_age">
                                        年龄： 23岁
                                    </p>
                                    <p class="home_profession">
                                        职业： 学生
                                    </p>
                                    <p class="home_site">
                                        状况： 在读
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <section id="about" class="page">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 text-center title_box">
                            <h2 class="about_title">关于我</h2>
                            <div class="up">
                                <span class="text-center">· information ·</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="about_list_content">
                    <div class="about_list">
                        <div class="about_list_eg" id="about_en_edu"></div>
                        <div class="about_list_cn text-center">
                            <span>学历</span>
                            <p>本科</p>
                        </div>
                    </div>
                    <div class="about_list">
                        <div class="about_list_eg" id="about_en_age"></div>
                        <div class="about_list_cn text-center">
                            <span>年龄</span>
                            <p>23</p>
                        </div>
                    </div>
                    <div class="about_list">
                        <div class="about_list_eg" id="about_en_loc"></div>
                        <div class="about_list_cn text-center">
                            <span>家乡</span>
                            <p>安徽</p>
                        </div>
                    </div>
                </div>
                <div class="describe text-center">
                    <p>听歌读报</p>
                    <p>（不知道说点啥）</p>
                </div>
            </section>
            <section id="exp" class="page">
                <div class="container">
                    <div class="row ">
                        <div class="text-center title_box ">
                            <h1>我的经历</h1>
                            <div class="up">
                                <span class="text-center">· EXPERIENCE ·</span>
                            </div>
                        </div>
                        <div class="exp_content">
                            <div id="exp_bg">
                                <div id="exp_list_content">
                                    <dl>
                                        <dt>
                                            <a href="#" target="_blank">
                                                神游太虚
                                            </a>
                                        </dt>
                                        <!-- <dd class="exp_list_time">X年X月X日~X年X月X日</dd> -->
                                        <dd>灵根育孕源流出 心性修持大道生</dd>
                                        <dd>悟彻菩提真妙理 断魔归本合元神</dd>
                                        <dd>四海千山皆拱伏 九幽十类尽除名</dd>
                                        <dd>官封弼马心何足 名注齐天意未宁</dd>
                                        <dd>乱蟠桃大圣偷丹 反天宫诸神捉怪</dd>
                                        <dd>观音赴会问原因 小圣施威降大圣</dd>
                                        <dd>八卦炉中逃大圣 五行山下定心猿</dd>
                                    </dl>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <section id="skill" class="page">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 text-center title_box">
                            <h1>专业技能</h1>
                            <div class="up">
                                <span class="text-center">· skills ·</span>
                            </div>
                        </div>
                    </div>
                    <div class="row skill_list">
                        <div class="col-md-3">
                            <div class="skill_list_content"></div>
                            <div class="skill_icon" id="skill_icon1"></div>
                            <div class="skill_name">HTML（点击收展）</div>
                            <div class="skill_flag"></div>
                            <div class="skill_int" style="display: block;">
                                <ul>
                                    <li>熟练运用html</li>
                                    <li>掌握html语义化标签</li>
                                    <li>注重代码可读性</li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="skill_list_content"></div>
                            <div class="skill_icon" id="skill_icon2"></div>
                            <div class="skill_name">CSS</div>
                            <div class="skill_flag"></div>
                            <div class="skill_int">
                                <ul>
                                    <li>熟练运用css</li>
                                    <li>了解vue框架及源码的实现</li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="skill_list_content"></div>
                            <div class="skill_icon" id="skill_icon3"></div>
                            <div class="skill_name">JavaScript</div>
                            <div class="skill_flag"></div>
                            <div class="skill_int">
                                <ul>
                                    <li>熟练利用jQuery</li>
                                    <li>学会使用js实现动画效果</li>
                                    <li>注重JavaScript性能优化</li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="skill_list_content"></div>
                            <div class="skill_icon" id="skill_icon4"></div>
                            <div class="skill_name">。。。</div>
                            <div class="skill_flag"></div>
                            <div class="skill_int">
                                <ul>
                                    <li>更多技能等待更新</li>
                                    <li>敬请期待</li>

                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <section id="works" class="page">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 text-center title_box">
                            <h1>我的作品</h1>
                            <div class="up">
                                <span class="text-center">· masterpiece ·</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="works_box">
                    <div class="works_l_b">
                        <p id="works_next" class="arrow"></p>
                        <p id="works_prev" class="arrow"></p>
                        <ul class="works_list nav">
                            <li>
                                <a href="#" target="_blank">
                                    <div class="works_img_box">
                                        <img src="images/小程序.png" width="100%" height="100%" alt="图片加载失败">
                                        <div class="title-box">
                                            <div class="text">
                                                <h1>微信小程序</h1>
                                                <p>实现网易云音乐播放，豆瓣电影简介的部分功能页面</p>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                                <span class="left"></span>
                                <span class="bottom"></span>
                                <span class="right"></span>
                                <span class="top"></span>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="works_img_box">
                                        <img src="images/小米商城.jpg" width="100%" height="100%" alt="图片加载失败">
                                        <div class="title-box">
                                            <div class="text">
                                                <h1>仿小米商城页面</h1>
                                                <p>按照小米商城官方页面，实现90%静态页面及部分动态效果</p>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                                <span class="left"></span>
                                <span class="bottom"></span>
                                <span class="right"></span>
                                <span class="top"></span>
                            </li>
                            <li>
                                <a href="#" target="_blank">
                                    <div class="works_img_box">
                                        <img src="images/bg1.jpg" width="100%" height="100%" alt="图片加载失败" >
                                        <div class="title-box">
                                            <div class="text">
                                                <h1>个人网站</h1>
                                                <p>独立构思设计并实现的html+css+js个人简介</p>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                                <span class="left"></span>
                                <span class="bottom"></span>
                                <span class="right"></span>
                                <span class="top"></span>
                            </li>
                            
                    </div>
                    <div id="demo_info">
                        <p class="text-center">这是我的部分作品。</p>
                        <p class="text-center">更多demo请移步<a href="https://gitee.com/jiang-wenqiang"><b>这里</b></a>。</p>
                    </div>
                </div>
            </section>
            <section id="contact" class="page">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 text-center title_box">
                            <h1>联系我</h1>
                            <div class="up">
                                <span class="text-center">· contact me ·</span>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div id="contact_box">
                                <div class="contact_img">
                                    <img src="images/支付宝1.png" width="100%" height="120%" alt="图片加载失败">
                                </div>
                                <ul id="con_list_text">
                                    <li>
                                        <span>请 勿 扫 码 ！ ！ ！</span>
                                    </li>
                                    <li>
                                        <span>联系电话：XXXXXXXXXXX</span>
                                    </li>
                                    <li>
                                        <span>电子邮箱：XXXXXXXXX@qq.com &nbsp;</span>
                                    </li>
                                    <li>
                                        <span>QQ：XXXXXXXXX</span>
                                    </li>
                                    <li>
                                        <span>微信：weixin</span>
                                    </li>
                                    <li>
                                        <span>博客：boke</span>
                                    </li>
                                </ul>
                                <div class="contact_img">
                                    <img src="images/微信1.png" width="100%" height="120%" alt="图片加载失败">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </main>
        <!-- 提示 -->
        <section id="hint">
            <p>上一页 "↑" </p>
            <p>下一页 "↓" </p>
        </section>
        <!-- 自定义右键菜单 -->
        <section id="contextmenu">
            <p>复制失败</p>
        </section>

        <script src="./js/jquery-1.12.4.js"></script>
        <script src="./js/index.js"></script>
        <script src="./js/home.js"></script>
        <script src="./js/skill.js"></script>
        <script src="./js/works.js"></script>
    
</body>

</html>
